<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./src/css/reset.min.css">
    <link rel="stylesheet" href="./src/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="./src/css/common.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/header.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/home.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/css/footer.min.css?v=0.0.1">
    <link rel="stylesheet" href="./src/plugin/clock/jquery.flipcountdown.css?v=0.0.1">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2092834_hd9w6xkil9m.css">
</head>

<body>
    <header class="header m-b-15">
        <div class="container d-flex">
            <div class="header-left">
                <a href=""><img src="./src/img/logo.svg" alt="" class="header-left-logo"></a>
            </div>
            <div class="header-center d-flex">
                <div class="header-center-menu">
                    <ul class="layui-nav header-center-menu-ul bg-white  d-flex" lay-filter="">
                        <li class="layui-nav-item"><a href="">首页</a></li>
                        <li class="layui-nav-item layui-this"><a href="">我的相册</a></li>
                        <li class="layui-nav-item"><a href="">我的文章</a></li>
                        <li class="layui-nav-item"><a href="">归档内容</a></li>
                        <li class="layui-nav-item">
                            <a href="javascript:;">解决方案</a>
                            <dl class="layui-nav-child">
                                <!-- 二级菜单 -->
                                <dd><a href="">移动模块</a></dd>
                                <dd><a href="">后台模版</a></dd>
                                <dd><a href="">电商平台</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="header-center-search d-flex">
                    <ul class="layui-nav header-center-menu-ul header-center-search-type bg-white d-flex">
                        <li class="layui-nav-item">
                            <a href="javascript:;" id="search-text">站内</a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-info="站内搜索">站内</a></dd>
                                <dd><a href="javascript:;" data-info="百度一下,你就知道">百度</a></dd>
                                <dd><a href="javascript:;" data-info="360搜索">360</a></dd>
                                <dd><a href="javascript:;" data-info="bing搜索">bing</a></dd>
                            </dl>
                        </li>
                    </ul>
                    <input type="text" class="layui-input" placeholder="本站搜索" name="key" id="search-input">
                    <button class="layui-btn layui-btn-primary" id="search-btn">搜索</button>
                </div>
            </div>
            <div class="header-right">
                <div class="header-right-btn d-flex">
                    <a class="layui-btn layui-btn-normal" href=""> 登陆</a>
                    <a class="layui-btn layui-btn-danger" href=""> 注册</a>
                </div>
                <!-- 登陆后 -->
                <!--   <ul class="layui-nav header-center-menu-ul bg-white d-flex">
                    <li class="layui-nav-item">
                        <a href="">通知<span class="layui-badge-dot layui-bg-orange"></span></a>
                    </li>
                    <li class="layui-nav-item">
                        <a href=""><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">修改信息</a></dd>
                            <dd><a href="javascript:;">安全管理</a></dd>
                            <dd><a href="javascript:;">退了</a></dd>
                        </dl>
                    </li>
                </ul> -->

            </div>
        </div>
    </header>
    <main class="main m-b-15 container clearfix">
        <!-- 轮播 -->
        <div class="main-top m-b-15 d-flex">
            <div class="main-top-left">
                <div class="layui-carousel" id="test1">
                    <div carousel-item>
                        <div class="main-top-left-img-box">
                            <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                alt="">
                        </div>
                        <div class="main-top-left-img-box">
                            <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                alt="">
                        </div>
                        <div class="main-top-left-img-box">
                            <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                alt="">
                        </div>
                        <div class="main-top-left-img-box">
                            <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                alt="">
                        </div>
                        <div class="main-top-left-img-box">
                            <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-top-right">
                <!-- 小工具 -->
                <div class="main-top-right-top bg-white m-b-5">
                    <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png" alt="">
                </div>
                <div class="main-top-right-center bg-white m-b-5">
                    <ul class="main-top-right-center-tools d-flex">
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                        <li class="d-flex">
                            <a class="d-flex" href="" target="_blank" title="IP归属地查询">
                                <img src="http://www.52zsj.com/webupload/20200910/2caa7fdd5b5d5b907a8f397c2a96b41c.png"
                                    alt="IP查询">
                                <p>IP查询</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="main-top-right-end d-flex" id="time">

                </div>
            </div>
        </div>
        <!-- 通知 -->
        <div class="main-tool-bar container bg-white m-b-15 d-flex">
            <div class="main-tool-bar-announcement">
                <div class="main-tool-bar-announcement-text">
                    <img src="./src/img/announcement.gif"
                        alt="">非常长的通知内容非常长的通知内容非常长的通知内容非常长的通知内容非常长的通知内容非常长的通知内容非常长的通知内容
                </div>
            </div>
            <div class="main-tool-bar-weather d-flex">
                <div id="tp-weather-widget"></div>
                <div class="mask"></div>
            </div>
            <div class="main-tool-bar-statistics d-flex">
                <div class="text-default m-l-10 main-tool-bar-statistics-text">站内统计：</div>
                <ul class="main-tool-bar-statistics-ul d-flex">
                    <li class="text-default  p-l-5 p-r-5"><span class="text-orange p-r-5">150</span>文章</li>
                    <li class="text-default  p-l-5 p-r-5"><span class="text-orange p-r-5">250</span>标签</li>
                    <li class="text-default  p-l-5 p-r-5"><span class="text-orange p-r-5">3600</span>点赞</li>
                    <li class="text-default  p-l-5 p-r-5"><span class="text-orange p-r-5">3600</span>评论</li>
                </ul>
            </div>
        </div>
        <!-- 文章 -->
        <div class="main-article container d-flex m-b-15">
            <div class="main-article-left">
                <div class="main-article-box d-flex bg-white m-b-10">
                    <a href="" class="main-article-box-img  d-block left">
                        <img class="" src="./src/img/favicon.svg" alt="">
                    </a>
                    <div class="main-article-box-text m-t-5 m-b-5">
                        <a href="">
                            <h3>我是文章的标题我是文章的标题我是文章的标题我是文章的标题</h3>
                        </a>
                        <p class="">
                            我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述
                        </p>
                        <div class="main-article-box-text-info ">
                            <div class="main-article-box-text-info-tag-list d-flex m-b-5">
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                            </div>
                            <div class="main-article-box-text-info-list d-flex">
                                <a href="javascript:;">
                                    <i class="icon icon-auth"></i>
                                    <span class="text-success">
                                        傲杰笔记
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-time"></i>
                                    <span class="text-warning">
                                        2020-9-26 13:46:43
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-like"></i>
                                    <span class="text-blue">
                                        125
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-comment"></i>
                                    <span class="text-orange">
                                        600000
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-article-box d-flex bg-white m-b-10">
                    <a href="" class="main-article-box-img  d-block left">
                        <img class="" src="./src/img/favicon.svg" alt="">
                    </a>
                    <div class="main-article-box-text m-t-5 m-b-5">
                        <a href="">
                            <h3>我是文章的标题我是文章的标题我是文章的标题我是文章的标题</h3>
                        </a>
                        <p class="">
                            我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述
                        </p>
                        <div class="main-article-box-text-info ">
                            <div class="main-article-box-text-info-tag-list d-flex m-b-5">
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                            </div>
                            <div class="main-article-box-text-info-list d-flex">
                                <a href="javascript:;">
                                    <i class="icon icon-auth"></i>
                                    <span class="text-success">
                                        傲杰笔记
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-time"></i>
                                    <span class="text-warning">
                                        2020-9-26 13:46:43
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-like"></i>
                                    <span class="text-blue">
                                        125
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-comment"></i>
                                    <span class="text-orange">
                                        600000
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-article-box d-flex bg-white m-b-10">
                    <a href="" class="main-article-box-img  d-block left">
                        <img class="" src="./src/img/favicon.svg" alt="">
                    </a>
                    <div class="main-article-box-text m-t-5 m-b-5">
                        <a href="">
                            <h3>我是文章的标题我是文章的标题我是文章的标题我是文章的标题</h3>
                        </a>
                        <p class="">
                            我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述
                        </p>
                        <div class="main-article-box-text-info ">
                            <div class="main-article-box-text-info-tag-list d-flex m-b-5">
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                            </div>
                            <div class="main-article-box-text-info-list d-flex">
                                <a href="javascript:;">
                                    <i class="icon icon-auth"></i>
                                    <span class="text-success">
                                        傲杰笔记
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-time"></i>
                                    <span class="text-warning">
                                        2020-9-26 13:46:43
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-like"></i>
                                    <span class="text-blue">
                                        125
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-comment"></i>
                                    <span class="text-orange">
                                        600000
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-article-box d-flex bg-white m-b-10">
                    <a href="" class="main-article-box-img  d-block left">
                        <img class="" src="./src/img/favicon.svg" alt="">
                    </a>
                    <div class="main-article-box-text m-t-5 m-b-5">
                        <a href="">
                            <h3>我是文章的标题我是文章的标题我是文章的标题我是文章的标题</h3>
                        </a>
                        <p class="">
                            我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述
                        </p>
                        <div class="main-article-box-text-info ">
                            <div class="main-article-box-text-info-tag-list d-flex m-b-5">
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                            </div>
                            <div class="main-article-box-text-info-list d-flex">
                                <a href="javascript:;">
                                    <i class="icon icon-auth"></i>
                                    <span class="text-success">
                                        傲杰笔记
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-time"></i>
                                    <span class="text-warning">
                                        2020-9-26 13:46:43
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-like"></i>
                                    <span class="text-blue">
                                        125
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-comment"></i>
                                    <span class="text-orange">
                                        600000
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-article-box d-flex bg-white m-b-10">
                    <a href="" class="main-article-box-img  d-block left">
                        <img class="" src="./src/img/favicon.svg" alt="">
                    </a>
                    <div class="main-article-box-text m-t-5 m-b-5">
                        <a href="">
                            <h3>我是文章的标题我是文章的标题我是文章的标题我是文章的标题</h3>
                        </a>
                        <p class="">
                            我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述
                        </p>
                        <div class="main-article-box-text-info ">
                            <div class="main-article-box-text-info-tag-list d-flex m-b-5">
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                            </div>
                            <div class="main-article-box-text-info-list d-flex">
                                <a href="javascript:;">
                                    <i class="icon icon-auth"></i>
                                    <span class="text-success">
                                        傲杰笔记
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-time"></i>
                                    <span class="text-warning">
                                        2020-9-26 13:46:43
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-like"></i>
                                    <span class="text-blue">
                                        125
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-comment"></i>
                                    <span class="text-orange">
                                        600000
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-article-box d-flex bg-white m-b-10">
                    <a href="" class="main-article-box-img  d-block left">
                        <img class="" src="./src/img/favicon.svg" alt="">
                    </a>
                    <div class="main-article-box-text m-t-5 m-b-5">
                        <a href="">
                            <h3>我是文章的标题我是文章的标题我是文章的标题我是文章的标题</h3>
                        </a>
                        <p class="">
                            我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述我是文章的描述
                        </p>
                        <div class="main-article-box-text-info ">
                            <div class="main-article-box-text-info-tag-list d-flex m-b-5">
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                                <a href="">#标签aa#</a>
                            </div>
                            <div class="main-article-box-text-info-list d-flex">
                                <a href="javascript:;">
                                    <i class="icon icon-auth"></i>
                                    <span class="text-success">
                                        傲杰笔记
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-time"></i>
                                    <span class="text-warning">
                                        2020-9-26 13:46:43
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-like"></i>
                                    <span class="text-blue">
                                        125
                                    </span>
                                </a>
                                <a href="javascript:;">
                                    <i class="icon icon-comment"></i>
                                    <span class="text-orange">
                                        600000
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="main-article-right">
                <div class="main-container-right bg-white m-b-15">
                    <div class="main-container-right-title d-flex">
                        <span>点赞最多</span>
                        <span><a href="">更多</a></span>
                    </div>
                    <div class="main-container-right-body-ranking">
                        <ul class="main-container-right-body-ranking-ul d-flex">
                            <li><i class="ranking ranking-icon-1"></i><a href="">
                                    文字烧啊啊啊啊啊文字烧啊啊啊啊啊文字烧啊啊啊啊啊文字烧啊啊啊啊啊</a><span>99+</span></li>
                            <li><i class="ranking ranking-icon-2"></i><a href=""> 文字烧啊啊啊啊啊</a> </li>
                            <li><i class="ranking ranking-icon-3"></i><a href=""> 文字烧啊啊啊啊啊</a> </li>
                            <li><i class="ranking">4</i><a href=""> 文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">5</i><a href=""> 文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">6</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">7</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">8</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">9</i><a href="">文字烧啊啊啊啊啊</a></li>
                            <li><i class="ranking">10</i><a href="">文字烧啊啊啊啊啊</a></li>
                        </ul>
                    </div>

                </div>
                <div class="main-container-right bg-white m-b-15">
                    <div class="main-container-right-title d-flex">
                        <span>标签云</span>
                        <span><a href="">更多</a></span>
                    </div>
                    <div class="main-container-right-body-cloud">
                        <ul class="main-container-right-body-cloud-ul d-flex">
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签阿斯顿#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签#</a></li>
                            <li><a href="">#标签搜索撒旦#</a></li>

                        </ul>
                    </div>

                </div>
                <div class="main-container-right">
                    <div class="main-container-right-auth bg-white">
                        <div class="main-container-right-auth-top">
                            <div class="main-container-right-auth-top-bg"></div>
                            <div class="main-container-right-auth-top-img-box"><img src="src/img/favicon.svg" alt="">
                            </div>
                        </div>
                        <div class="main-container-right-auth-bottom">
                            <p class="main-container-right-auth-bottom-name">
                                <a href="">傲杰笔记</a>
                            </p>
                            <p class="main-container-right-auth-bottom-description">
                                我也曾想仗剑走天涯，无奈BUG颇多死在了键盘上
                            </p>
                        </div>
                    </div>
                </div>

            </div>

        </div>
        <!-- 友情链接 -->
        <div class="main-friend-link container bg-white">
            <div class="main-friend-link-title">
                <p class="left">友情链接</p>
                <a href="" class="right">申请友情链接</a>
            </div>
            <div class="main-friend-link-box d-flex">
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记笔记" href="https://www.52zsj.com">傲笔记笔记杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔笔记记</a>
                <a title="傲杰笔笔记记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记笔记笔记笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记笔记笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔笔记笔记记</a>
                <a title="傲杰笔记笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔笔记记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔笔记笔记笔记笔记记</a>
                <a title="傲杰笔记笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔记" href="https://www.52zsj.com">傲杰笔记</a>
                <a title="傲杰笔笔记记" href="https://www.52zsj.com">傲杰笔记笔记笔记</a>
                <a title="傲杰笔记笔记" href="https://www.52zsj.com">傲杰笔记</a>
            </div>
        </div>
    </main>
    <footer class="footer bg-white">
        <div class="container d-flex clearfix">
            <div class="footer-top d-flex">
                <div class="footer-top-left d-flex">
                    <img src="./src/img/favicon.svg" alt="">
                    <div class="footer-top-left-text text-black">
                        描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字描述性文字
                    </div>
                </div>
                <div class="footer-top-center">
                    <ul class="footer-top-center-ul d-flex">
                        <li><a href="">关于我们</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">加入我们</a></li>
                        <li><a href="">隐私保护</a></li>
                        <li><a href="">网站地图</a></li>
                        <li><a href="">收录标准</a></li>
                        <li><a href="">友情链接</a></li>
                    </ul>
                </div>
                <div class="footer-top-right d-flex">
                    <div class="footer-top-right-box d-flex">
                        <img src="./src/img/favicon.svg" alt="">
                        <p>测试内容</p>
                    </div>
                    <div class="footer-top-right-box d-flex">
                        <img src="./src/img/favicon.svg" alt="">
                        <p>测试内容</p>
                    </div>
                    <div class="footer-top-right-box d-flex">
                        <img src="./src/img/favicon.svg" alt="">
                        <p>测试内容</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="container footer-end d-flex">
            <div class="footer-end-left">
                Copyright ©
                <a href="https://www.52zsj.com" title="傲杰笔记">傲杰笔记</a> All Rights Reserved.
                <em>备案号2564646</em>
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34040302000334"
                    rel="nofollow">
                    <img src="./src/img/favicon.svg">公安备案</a>
            </div>
            <div class="footer-end-right d-flex">
                <a target="ipv6" href="https://www.luhu.co/tools/ipv6_www.luhu.co.shtml" title="当前网站支持IPV6访问"><img
                        src="./src/img/favicon.svg" alt="当前网站支持IPV6访问" class="IPV6"></a>
                <a target="cyxyv"
                    href="https://v.yunaq.com/certificate?domain=www.luhu.co&amp;from=label&amp;code=90020"
                    rel="nofollow"><img src="./src/img/favicon.svg" class="yunanquan"></a>
            </div>
        </div>
        <div class="footer-bar-menu bg-white">
            <div class="footer-bar-menu-box">
                <ul class="footer-bar-menu-box-top">
                    <li
                        data-title="<p style='text-align:center'>打赏我</p><img src='./src/img/alipay.jpg' style='display:bolck;height:150px;width:150px'>">
                        <a href="javascript:;" class="goto-top">
                            <i class="icon icon-reward"></i>
                        </a>
                    </li>
                    <li
                        data-title="<p style='text-align:center'>打赏我</p><img src='./src/img/alipay.jpg' style='display:bolck;height:150px;width:150px'>">
                        <a href="javascript:;" class="goto-top">
                            <i class="icon icon-reward"></i>
                        </a>
                    </li>
                </ul>
                <ul class="footer-bar-menu-box-end">

                    <li data-title="返回顶部">
                        <a href="javascript:;" class="goto-top">
                            <i class="icon icon-go-top"></i>
                        </a>
                    </li>
                </ul>
            </div>

        </div>

    </footer>
</body>

</html>
<script src="./src/js/jquery.min.js"></script>
<script src="./src/plugin/layui/layui.all.js"></script>
<script src="./src/plugin/clock/jquery.flipcountdown.js"></script>
<script src="./src/js/common.js"></script>
<script>
    (function (a, h, g, f, e, d, c, b) {
        b = function () {
            d = h.createElement(g);
            c = h.getElementsByTagName(g)[0];
            d.src = e;
            d.charset = "utf-8";
            d.async = 1;
            c.parentNode.insertBefore(d, c)
        };
        a["SeniverseWeatherWidgetObject"] = f;
        a[f] || (a[f] = function () {
            (a[f].q = a[f].q || []).push(arguments)
        });
        a[f].l = +new Date();
        if (a.attachEvent) {
            a.attachEvent("onload", b)
        } else {
            a.addEventListener("load", b, false)
        }
    }(window, document, "script", "SeniverseWeatherWidget", "//cdn.sencdn.com/widget2/static/js/bundle.js?t=" +
        parseInt((new Date().getTime() / 100000000).toString(), 10)));
    window.SeniverseWeatherWidget('show', {
        flavor: "slim",
        location: "WWE0TGW4PX6N",
        geolocation: false,
        language: "zh-Hans",
        unit: "c",
        theme: "auto",
        token: "79f3b5fa-e533-411d-aad7-9f043e316103",
        hover: "enabled",
        container: "tp-weather-widget"
    })

    $(".header-center-search-type li a").click(function () {
        let info = $(this).data('info');
        let text = $(this).text();
        $("#search-text").text(text);
        $("#search-input").attr('placeholder', info);
    })
    layui.carousel.render({
        elem: '#test1',
        width: '930px', //设置容器宽度
        height: '350px',
        arrow: 'none', //始终显示箭头
        anim: 'fade' //切换动画方式
    });
    $('#time').flipcountdown({
        speedFlip: 50
    });
</script>